Ext.define('USU.view.grid.usu_grid' ,{
    extend: 'Ext.grid.Panel',
    alias : 'widget.usuarioList',

    title : 'Listado Usuarios',
    store : 'usu_store', //El store de usuario
    initComponent: function() {
    	
    /***Inicialmente se Crea un Store en nuestra Grilla***/	
//        this.store = { 
//            fields: ['nombre', 'correo'],
//            data  : [
//                {nombre: 'Ed',    correo: 'ed@sencha.com'}, 		//
//                {nombre: 'Tommy', correo: 'tommy@sencha.com'}
//            ]
//        };

    	function renderSexo(opcion){
    		if(opcion==1){

    			return Ext.String.format('<div id={0}>{1}</div>', '1','Masculino');
    		}else{
    		
    			return Ext.String.format('<div id={0}>{1}</div>', '2', 'Femenino'); 
    		}
    	};
    	
    	function renderBotonEliminar(ide){
    			var img='<img src="demo/images/delete.png" lag="'+ide+'" class="clase" style="background:#fff;" />';	

    			return img;

    	};
    	 
        this.columns = [
            {
            	header: 'Nombre',  
            	dataIndex: 'nombres',  
            	flex: 1
            },
            
            {	header: 'Apellido Paterno',  
            	dataIndex: 'apellidoPaterno', 
            	flex: 1
            },
            
            
            {
            	header: 'Apellido Materno',  
            	dataIndex: 'apellidoMaterno',  
            	flex: 1
            },
            
            {
            	header: 'Sexo',  
            	dataIndex: 'sexo', 
            	renderer: renderSexo,
            	flex: 1
            },
            
            {	header: 'Usuario',  
            	dataIndex: 'usuario', 
            	flex: 1
            },
                        
            {	header: 'Email',  
            	dataIndex: 'correo', 
            	flex: 1
            },
            
            {	header: '',  
            	dataIndex: 'id', 
            	renderer: renderBotonEliminar,
            	width: 30
            }
            
        ];

        this.callParent(arguments);
    }
});